<template>
	<view class="weui-navigation-bar {{extClass}}">
	  <view class="weui-navigation-bar__inner {{ios ? 'ios' : 'android'}}" style="color: {{color}}; background: {{background}}; {{displayStyle}}; {{innerPaddingRight}}; {{safeAreaTop}};">

		<!-- 左侧按钮 -->
		<view class='weui-navigation-bar__left' style="{{leftWidth}};">
		  <block wx:if="{{back || homeButton}}">
			<!-- 返回上一页 -->
			<block wx:if="{{back}}">
			  <view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_goback">
				<view
				  bindtap="back"
				  class="weui-navigation-bar__btn_goback_wrapper"
				  hover-class="weui-active"
				  hover-stay-time="100"
				  aria-role="button"
				  aria-label="返回"
				>
				  <view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
				</view>
			  </view>
			</block>
			<!-- 返回首页 -->
			<block wx:if="{{homeButton}}">
			  <view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_home">
				<view
				  bindtap="home"
				  class="weui-navigation-bar__btn_home_wrapper"
				  hover-class="weui-active"
				  aria-role="button"
				  aria-label="首页"
				>
				  <view class="weui-navigation-bar__button weui-navigation-bar__btn_home"></view>
				</view>
			  </view>
			</block>
		  </block>
		  <block wx:else>
			<slot name="left"></slot>
		  </block>
		</view>

		<!-- 标题 -->
		<view class='weui-navigation-bar__center'>
		  <view wx:if="{{loading}}" class="weui-navigation-bar__loading" aria-role="alert">
			<view
			  class="weui-loading"
			  aria-role="img"
			  aria-label="加载中"
			></view>
		  </view>
		  <block wx:if="{{title}}">
			<text>{{title}}</text>
		  </block>
		  <block wx:else>
			<slot name="center"></slot>
		  </block>
		</view>
		
		<!-- 右侧留空 -->
		<view class='weui-navigation-bar__right'>
		  <slot name="right"></slot>
		</view>
	  </view>
	</view>

</template>

<script>
</script>

<style>
</style>